<!-- 框架基础页，勿删 -->
<template>
  <div class="page-error404">
    <div class="error-box">
      <img src="@/assets/images/404.png" alt="">
      <p>找不到对应页面</p>
      <el-button type="primary" @click="router.go(-1)">返回</el-button>
    </div>
  </div>
</template>

<script setup lang="ts" name="Error404">
import { useRouter } from 'vue-router'

const router = useRouter()
</script>

<style scoped lang="scss">
.page-error404 {
  .error-box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    img {
      width: 240px;
    }
    p {
      color: #999;
    }
    button {
      margin-top: 20px;
    }
  }
}
</style>
